{% extends popup ? "PopshouseSiteBundle:Index:booking.html.twig" : "PopshouseSiteBundle:Index:booking_alt.html.twig" %}
{% block inner %}
 <h1>{{ "title" | trans({},"reservation") | raw }}</h1>
 {% if app.session.hasFlash('notice') %}
                <div class="flash-notice">
                    <p>{{ app.session.flash('notice') }}</p>
                </div>
            {% endif %}
    <form action="" method="post">
    {% form_theme form 'PopshouseSiteBundle::form.html.twig' %}
    
    {{ form_errors(form) }}
    <div class="info" style="width:650px;margin:10px 0 10px 20px;">
     <div class="prijzen">
                <dl>
                  <dt>{{ "price.room" | trans({},"contact") | raw }}:</dt>
                    <dd>&euro; 100 {{ "price.night" | trans({},"contact") | raw }}</dd>
                  <dt>{{ "price.third" | trans({},"contact") | raw }}:</dt>
                    <dd> &euro; 40 {{ "price.night" | trans({},"contact") | raw }}</dd>
                  <dt>{{ "price.fourth" | trans({},"contact") | raw }}:</dt>
                    <dd> &euro; 30 {{ "price.night" | trans({},"contact") | raw }}</dd>
                </dl>
         </div>
         <div class="extra">
                <ul>
                    <li>{{ "price.extra.1" | trans({'price' : price.short}, "contact") }}</li>
                    <li>{{ "price.extra.2" | trans({},"contact") | raw }}</li>
                    <li>{{ "price.extra.3" | trans({},"contact") | raw }}</li>
                    <li>{{ "price.extra.4" | trans({},"contact") | raw }}</li>
                </ul>
            </div>  
    </div>
    <dl>
        <dt><label for="reservation_name">{{ "naam" | trans({},"reservation") | raw }}*:</label></dt>
        <dd>{{ form_field(form.name) }}{{ form_errors(form.name) }}</dd>
 
        <dt><label for="reservation_mail">{{ "mail" | trans({},"reservation") | raw }}*:</label></dt>
        <dd>{{ form_field(form.mail) }}{{ form_errors(form.mail) }}</dd>
        <dt><label for="reservation_tel">{{ "tel" | trans({},"reservation") | raw }}:</label></dt>
        <dd>{{ form_field(form.tel) }}{{ form_errors(form.tel) }}</dd>
        <dt><label for="reservation_nbRooms">{{ "nbrooms" | trans({},"reservation") | raw }}*:</label></dt>
        <dd>
        <select name="reservation[nbRooms]">
        {% for i in 1..2 %}
        <option value="{{ i }}">{{ i }}</option>
        {% endfor %}
        </select>{{ form_errors(form.nbRooms) }}</dd>
        <dt><label for="reservation_nbGuests">{{ "nbguests" | trans({},"reservation") | raw }}*:</label></dt>
        <dd>
        <select name="reservation[nbGuests]">
        {% for i in 1..8 %}
        <option value="{{ i }}">{{ i }}</option>
        {% endfor %}
        </select>{{ form_errors(form.nbGuests) }}</dd>
        <dt><label for="reservation_dateStart">{{ "date.start" | trans({},"reservation") | raw }}*:</label></dt>
        <dd>{{ form_field(form.dateStart) }}{{ form_errors(form.dateStart) }}</dd>
        <dt><label for="reservation_dateEnd">{{ "date.end" | trans({},"reservation") | raw }}*:</label></dt>
        <dd>{{ form_field(form.dateEnd) }}{{ form_errors(form.dateEnd) }}</dd>
        <dt><label for="reservation_info">{{ "extra" | trans({},"reservation") | raw }}:</label></dt>
        <dd><textarea id="reservation_info" name="reservation[info]" style="max-height:160px;max-width:500px;font-size:12px;width:500px;">{{ form.info.data }}</textarea>{{ form_errors(form.info) }}</dd>
         <dt><a rel="calc" class="action"><span>{{ "calc" | trans({},"reservation") | raw }}</span></a></dt>
        <dd><span class="price"></span>
        <p style="font-weight:bold;color:#fff;">{{ "calc.info" | trans({},"reservation") | raw }}</p>
        </dd>
        <dt>&nbsp;</dt><dd><input type="submit" value="{{ "aanvragen" | trans({},"reservation") | raw }}"></dd>
        </dl>
    {{ form_hidden(form) }}
        <small style="font-size:12px;">{{ "veld.verplicht" | trans({},"reservation") | raw }}</small>
    </form>
 {% endblock %}